/* 公共分页样式 */
.page-products {
  display: flex;
  width: 19.8rem;

  /* height: 2rem; */
  justify-content: space-between;
  margin: 0 auto;
  gap: 1.8rem;
}

.page-btn {
  /* width: 2rem; */

  /* height: 2rem; */
  cursor: pointer;
  display: flex;
  align-items: center;
}

.page-numbers {
  display: flex;
  color: #333;
  font-size: var(--dm-font-body1-size);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-body-weight);
  gap: 1.8rem;
}

.page-number {
  /* width: 1rem; */

  /* height: 1.8rem; */
}

.page-numbers button {
  /* 没有背景颜色 */
  background-color: transparent;
}

.page-products .active {
  color: var(--dm-color-primary);
}

@media (width <= 768px) {
  .page-products {
    height: 4.6rem;
    align-items: center;
    gap: 2.7rem;
  }

  .general-categories-content .right-show-all-products svg {
    width: 2.8rem !important;
    height: 1.6rem !important;
  }
}
